const {defineConfig} = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,//修改默认服务器配置
  productionSourceMap: false, // 移除 讨厌的.map文件，加快 服务器响应速度
  devServer: {
    host: 'localhost',
    port: 3001, // 自定义端口
    open: true, // 启动时自动打开浏览器
    proxy: { // 请求的反向代理 解决跨域的问题哦，
      '/api': { // 请求 接口 以 /conner开头，自动匹配
        target: 'https://www.fastmock.site/mock/32bc9cf0040444abc2b0475b90a1679b',  // 反向代理的
        changeOrigin: true, // 是否 切换到这个源 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: { // 路径重写
          //判断是否有这个/api请求 有第二根据后端配置
          //^所有请求是/api开头
          '^/apo': 'api'
        } // 这里重写路径
      }
    }
  },
  lintOnSave: false, // 定义eslint的 检查
  chainWebpack: config => {  // 配置路径别名
    config.resolve.alias
      .set('@', path.join(__dirname, 'src'))
      .set('components', path.join(__dirname, 'src/components'))
      .set('views', path.join(__dirname, 'src/views'))
      .set('api', path.join(__dirname, 'src/api'))
      .set('utils', path.join(__dirname, 'src/utils'))
      .set('mixins', path.join(__dirname, 'src/mixins'))
      .set('plugins', path.join(__dirname, 'src/plugins'))
  }
})
